<template>
  <div></div>
</template>
<script setup lang='ts'>
import { ref,reactive} from 'vue'

// 子组件
const props = defineProps({
  imgStyle:  {
    type:  String,
    default:  'square',
    validator:  (value)  =>  { // validator限制这个imgStyle只能是square或者rounded,传其它值的话会报错
        return  ['square',  'rounded'].includes(value) 
    }
  },
})
</script>
<style scoped lang='scss'>
</style>